<template>
  <div class="box-error">
    <div v-if="error.statusCode == 404" class="title">404 页面没有找到</div>
    <div v-else class="title">500 服务器错误</div>
    <a href="https://yq427.cn">
      <fa :icon="['fas', 'home']" />返回主页
    </a>
  </div>
</template>

<script>
export default {
  props: ["error"]
};
</script>

<style lang="scss" scoped>
.box-error {
  width: 100%;
  height: 100%;
  background: cadetblue;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.title {
  font-size: 60px;
}
a {
  margin-top: 20px;
  font-size: 30px;
  letter-spacing: 2px;
  text-decoration: none;
  color: white;
}
</style>